html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.navbar {
  height: 70px;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #32353f;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
}

.navbar .hamburger-container {
  line-height: 70px;
  height: 100%;
  float: left;
  cursor: pointer;
  transition: background 0.3s;
  -webkit-tap-highlight-color: transparent;
}

.navbar .hamburger-container:hover {
  background: rgba(0, 0, 0, 0.025);
}

.navbar .breadcrumb-container {
  float: left;
}

.navbar .right-menu {
  float: right;
  height: 70px;
  line-height: 70px;
  width: 100%;
}

.navbar .right-menu .avatar-container {
  height: 70px;
  margin-right: 62px;
  float: right;
}

.navbar .right-menu .avatar-container .avatar-wrapper {
  margin: 0;
  padding: 0;
  height: 70px;
}

.navbar .right-menu .avatar-container .avatar-wrapper ul {
  margin: 0;
  padding: 0;
  height: 70px;
  list-style: none;
}

.navbar .right-menu .avatar-container .avatar-wrapper ul li {
  margin: 0;
  padding: 0;
  height: 70px;
  float: left;
  padding: 0 24px;
}

.navbar .right-menu .avatar-container .avatar-wrapper ul li .ia {
  float: left;
  margin-top: 13px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff;
}

.navbar .right-menu .avatar-container .avatar-wrapper ul li .is {
  float: left;
  font-size: 16px;
  color: #fff;
  margin: 0 5px;
}

.navbar .right-menu .avatar-container .avatar-wrapper ul li .ia2 {
  float: left;
}

.navbar .right-menu .avatar-container .avatar-wrapper ul li .ib {
  display: block;
  margin-top: 17px;
  width: 32px;
  height: 29px;
  background: url(../icons/icon/shouye.png);
}

.navbar .right-menu .avatar-container .avatar-wrapper ul li .ic {
  display: block;
  margin-top: 19px;
  width: 26px;
  height: 26px;
  background: url(../icons/icon/juxing1kaobei2.png);
}

.navbar .right-menu .avatar-container .avatar-wrapper ul li .id {
  display: block;
  margin-top: 18px;
  width: 24px;
  height: 28px;
  background: url(../icons/icon/xiaoxi.png);
}

.navbar .right-menu .avatar-container .avatar-wrapper ul li .ie {
  display: block;
  margin-top: 22px;
  width: 31px;
  height: 24px;
  background: url(../icons/icon/tiaosepan.png);
}

.navbar .right-menu .avatar-container .avatar-wrapper ul li .if {
  display: block;
  margin-top: 19px;
  width: 32px;
  height: 32px;
  background: url(../icons/icon/guanji.png);
}

.dashboard-text {
  margin-top: 17px;
  width: 100%;
  height: 37px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.dashboard-text .lef {
  line-height: 37px;
  font-size: 16px;
  font-weight: 900;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.dashboard-text .lef i {
  display: inline-block;
  width: 11px;
  height: 20px;
  background: #488dff;
  border-radius: 4px;
  margin-right: 12px;
}

.dashboard-text .rig {
  font-size: 14px;
  width: 76px;
  height: 38px;
  text-align: center;
  line-height: 37px;
  background: linear-gradient(-90deg, #4859ff, #488dff);
  border-radius: 4px;
  line-height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
}

.dashboard-text .rig .img {
  width: 20px;
  height: 16px;
  display: flex;
  align-items: center;
  margin-right: 9px;
}

.dashboard-text .rig .img img {
  width: 100%;
}

.dashboard-text .return {
  font-size: 14px;
  width: 76px;
  height: 38px;
  text-align: center;
  line-height: 37px;
  background: #cccccc;
  box-shadow: 0px 3px 8px 0px rgba(86, 86, 86, 0.5);
  border-radius: 4px;
  line-height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
}

.dashboard-text .return .img {
  width: 20px;
  height: 16px;
  display: flex;
  align-items: center;
  margin-right: 9px;
}

.dashboard-text .return .img img {
  width: 100%;
}

.echar-catch {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 100px;
  color: #666;
}

.home_a-dashboard-container {
  padding-left: 29px;
  padding-right: 114px;
  width: 100%;
}

.home_a-dashboard-container .dashboard-container {
  margin: 30px;
}

.home_a-dashboard-container .dashboard-text {
  font-size: 30px;
  line-height: 46px;
}

.home_a-dashboard-container .total {
  margin-bottom: 29px;
  width: 100%;
  padding: 40px 0;
  box-shadow: #F2F2F2;
  border: 1px solid #F2F2F2;
  box-shadow: #ccc 0px 0px 3px 1px;
}

.home_a-dashboard-container .total ul {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.home_a-dashboard-container .total ul .dingdan-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 269px;
  height: 159px;
  border: 1px solid #F2F2F2;
  box-shadow: #ccc 0px 0px 3px 1px;
  padding: 40px;
}

.home_a-dashboard-container .total ul .dingdan-box .img-a {
  width: 51px;
  height: 77px;
}

.home_a-dashboard-container .total ul .dingdan-box .img-a img {
  height: 100%;
}

.home_a-dashboard-container .total ul .dingdan-box .img-b {
  width: 44px;
  height: 69px;
}

.home_a-dashboard-container .total ul .dingdan-box .img-b img {
  height: 100%;
}

.home_a-dashboard-container .total ul .dingdan-box .img-c {
  width: 44px;
  height: 63px;
}

.home_a-dashboard-container .total ul .dingdan-box .img-c img {
  height: 100%;
}

.home_a-dashboard-container .total ul .dingdan-box .dingdan {
  padding-left: 32px;
}

.home_a-dashboard-container .total ul .dingdan-box .dingdan span {
  display: block;
}

.home_a-dashboard-container .total ul .dingdan-box .dingdan .s1 {
  color: #999999;
}

.home_a-dashboard-container .total ul .dingdan-box .dingdan .s2 {
  padding-top: 16px;
  color: #333333;
}

.home_a-dashboard-container .dispose {
  width: 100%;
  height: 124px;
  margin-bottom: 29px;
  border: 1px solid #F2F2F2;
  box-shadow: #ccc 0px 0px 3px 1px;
}

.home_a-dashboard-container .dispose h2 {
  margin: 0 auto;
  height: 56px;
  width: 96%;
  line-height: 56px;
  font-size: 14px;
  font-weight: 900;
  border-bottom: 2px solid #f2f2f2;
}

.home_a-dashboard-container .min {
  width: 100%;
  padding-top: 20px;
}

.home_a-dashboard-container .min p {
  float: left;
  margin: 0;
  padding: 0;
  width: 555px;
  height: 22px;
  border-right: 1px solid #F2F2F2;
}

.home_a-dashboard-container .min p span {
  color: #333;
}

.home_a-dashboard-container .min p .x1 {
  margin-left: 51px;
  margin-right: 187px;
}

.home_a-dashboard-container .min p .x3 {
  margin-left: 223px;
  margin-right: 187px;
}

.home_a-dashboard-container .min p i {
  color: #ff2c2c;
  font-size: 14px;
}

.home_a-dashboard-container .data {
  width: 100%;
  height: 267px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 29px;
}

.home_a-dashboard-container .data .gt {
  width: 45%;
  height: 267px;
  border: 1px solid #F2F2F2;
  box-shadow: #ccc 0px 0px 3px 1px;
}

.home_a-dashboard-container .data .gt h3 {
  margin: 0 auto;
  width: 90%;
  height: 57px;
  line-height: 57px;
  font-size: 14px;
  color: #333;
  font-weight: 900;
  border-bottom: 1px solid #F2F2F2;
}

.home_a-dashboard-container .data .gt ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 32px;
  padding: 0;
  list-style: none;
}

.home_a-dashboard-container .data .gt ul li {
  float: left;
}

.home_a-dashboard-container .data .gt ul .yonghu {
  cursor: pointer;
}

.home_a-dashboard-container .data .gt ul .yonghu img-a {
  width: 78px;
  height: 89px;
}

.home_a-dashboard-container .data .gt ul .yonghu img-a img {
  height: 100%;
}

.home_a-dashboard-container .data .gt ul .yonghu img-b {
  width: 95px;
  height: 79px;
}

.home_a-dashboard-container .data .gt ul .yonghu img-b img {
  width: 100%;
}

.home_a-dashboard-container .data .gt ul .yonghu img-c {
  width: 62px;
  height: 82px;
}

.home_a-dashboard-container .data .gt ul .yonghu img-c img {
  height: 100%;
}

.home_a-dashboard-container .data .gt ul .yonghu span {
  display: block;
  line-height: 64px;
  font-size: 14px;
  text-align: center;
  color: #333;
}

.home_a-dashboard-container .gi {
  width: 50%;
  height: 267px;
  border: 1px solid #F2F2F2;
  box-shadow: #ccc 0px 0px 3px 1px;
}

.home_a-dashboard-container .gi h3 {
  margin: 0 auto;
  width: 90%;
  height: 57px;
  line-height: 57px;
  font-size: 16px;
  color: #333;
  font-weight: 900;
  border-bottom: 1px solid #F2F2F2;
}

.home_a-dashboard-container .gi ul {
  margin-top: 60px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home_a-dashboard-container .gi ul li {
  float: left;
  width: 200.5px;
  text-align: center;
}

.home_a-dashboard-container .gi ul .num {
  padding: 0;
  margin: 0;
  color: #FF2C2C;
  font-size: 28px;
  height: 62px;
  line-height: 62px;
}

.home_a-dashboard-container .gi ul .tex {
  padding: 0;
  margin: 0;
  color: #333;
  font-size: 14px;
}

.home_a-dashboard-container .dashboard-box,
.home_a-dashboard-container .sale-box {
  width: 100%;
  border: 1px solid #F2F2F2;
  box-shadow: #ccc 0px 0px 3px 1px;
  margin-bottom: 20px;
}

.home_a-dashboard-container .dashboard-box h3,
.home_a-dashboard-container .sale-box h3 {
  margin: 0 auto;
  width: 96%;
  height: 57px;
  line-height: 57px;
  font-size: 14px;
  color: #333;
  font-weight: 900;
  border-bottom: 1px solid #F2F2F2;
}

.home_a-dashboard-container .dashboard-box .dashboard,
.home_a-dashboard-container .sale-box .dashboard {
  width: 96%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 34px;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lf,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lf {
  width: 250px;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lf .tot,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lf .tot {
  color: #999999;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lf span,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lf span {
  color: #999999;
  font-size: 30px;
  padding-top: 14px;
  display: block;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lf .contrast,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lf .contrast {
  color: #999999;
  padding-top: 21px;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lf .contrast .up,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lf .contrast .up {
  width: 8px;
  height: 7px;
  color: #2EE436;
  padding-right: 12px;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lf .contrast .down,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lf .contrast .down {
  height: 7px;
  color: #FF2C2C;
  padding-right: 12px;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lf .dash-lf-bot,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lf .dash-lf-bot {
  margin-top: 100px;
  padding-bottom: 49px;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lf .dash-lf-bot .contrast,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lf .dash-lf-bot .contrast {
  color: #999999;
  padding-top: 21px;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lf .dash-lf-bot .contrast .up,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lf .dash-lf-bot .contrast .up {
  width: 8px;
  height: 7px;
  color: #2EE436;
  padding-right: 12px;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lf .dash-lf-bot .contrast .down,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lf .dash-lf-bot .contrast .down {
  height: 7px;
  color: #FF2C2C;
  padding-right: 12px;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lr,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lr {
  height: 395px;
  width: 100%;
  margin-top: -10px;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lr .dashboard-lr-top,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lr .dashboard-lr-top {
  margin: 0 auto;
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lr .dashboard-lr-top .tit,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lr .dashboard-lr-top .tit {
  color: #999999;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lr .dashboard-lr-top .sel,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lr .dashboard-lr-top .sel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lr .dashboard-lr-top .sel .btn .el-radio-button__orig-radio:checked + .el-radio-button__inner,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lr .dashboard-lr-top .sel .btn .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #409EFF;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lr .dashboard-lr-top .sel .btn .el-radio-button__inner,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lr .dashboard-lr-top .sel .btn .el-radio-button__inner {
  border: none;
  font-weight: 700;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lr .dashboard-lr-top .sel .btn .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled),
.home_a-dashboard-container .sale-box .dashboard .dashboard-lr .dashboard-lr-top .sel .btn .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
  box-shadow: none;
  color: #488dff;
  color: transparent;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lr .dashboard-lr-bot,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lr .dashboard-lr-bot {
  width: 100%;
  height: 350px;
}

.home_a-dashboard-container .dashboard-box .dashboard .dashboard-lr .dashboard-lr-bot .echar,
.home_a-dashboard-container .sale-box .dashboard .dashboard-lr .dashboard-lr-bot .echar {
  width: 100%;
  height: 350px;
}

.home_a-dashboard-container .sale-box {
  margin-bottom: 100px;
}

.statistics_stat,
.statistics_user {
  padding-left: 29px;
  padding-right: 114px;
  width: 100%;
}

.statistics_stat .statistics-box,
.statistics_user .statistics-box {
  width: 100%;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);
  margin-bottom: 20px;
}

.statistics_stat .statistics-box .statistics-box-top,
.statistics_user .statistics-box .statistics-box-top {
  margin: 0 auto;
  width: 96%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #F2F2F2;
}

.statistics_stat .statistics-box .statistics-box-top h3,
.statistics_user .statistics-box .statistics-box-top h3 {
  font-size: 14px;
  color: #333;
  font-weight: 900;
}

.statistics_stat .statistics-box .statistics-box-top .stat-top-lr,
.statistics_user .statistics-box .statistics-box-top .stat-top-lr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.statistics_stat .statistics-box .statistics-box-top .stat-top-lr .btn .el-radio-button__orig-radio:checked + .el-radio-button__inner,
.statistics_user .statistics-box .statistics-box-top .stat-top-lr .btn .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #409EFF;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.statistics_stat .statistics-box .statistics-box-top .stat-top-lr .btn .el-radio-button__inner,
.statistics_user .statistics-box .statistics-box-top .stat-top-lr .btn .el-radio-button__inner {
  border: none;
  font-weight: 700;
}

.statistics_stat .statistics-box .statistics-box-top .stat-top-lr .btn .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled),
.statistics_user .statistics-box .statistics-box-top .stat-top-lr .btn .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
  box-shadow: none;
  color: #488dff;
  color: transparent;
}

.statistics_stat .statistics-box .statistics-box-top .stat-top-lr .block,
.statistics_user .statistics-box .statistics-box-top .stat-top-lr .block {
  padding: 7px 20px 9px;
}

.statistics_stat .statistics-box .statistics-box-top .stat-top-lr .drop,
.statistics_user .statistics-box .statistics-box-top .stat-top-lr .drop {
  padding: 7px 20px 9px;
}

.statistics_stat .statistics-box .statistics-box-top .stat-top-lr .drop > span,
.statistics_user .statistics-box .statistics-box-top .stat-top-lr .drop > span {
  padding-right: 20px;
}

.statistics_stat .statistics-box .statistics-box-top .stat-top-lr .exportBtn,
.statistics_user .statistics-box .statistics-box-top .stat-top-lr .exportBtn {
  background: #488dff;
  border-radius: 4px;
  color: #fff;
  width: 106px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.statistics_stat .statistics-box .statistics-box-bot,
.statistics_user .statistics-box .statistics-box-bot {
  width: 110%;
  height: 700px;
  margin-left: -5%;
  margin-bottom: 50px;
}

.statistics_stat .statistics-box .statistics-box-bot .echar,
.statistics_user .statistics-box .statistics-box-bot .echar {
  width: 100%;
  height: 100%;
}

.statistics_user {
  margin-bottom: 20px;
}

.statistics_user .consumption-box {
  width: 100%;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);
  margin-bottom: 20px;
}

.statistics_user .consumption-box .consumption-box-top {
  margin: 0 auto;
  width: 96%;
  border-bottom: 1px solid #F2F2F2;
}

.statistics_user .consumption-box .consumption-box-top h3 {
  font-size: 14px;
  color: #333;
  font-weight: 900;
  padding: 21px 0;
}

.statistics_user .consumption-box .consumption-box-bot {
  width: 110%;
  height: 360px;
  margin-left: -5%;
  margin-top: 20px;
}

.statistics_user .consumption-box .consumption-box-bot .echar {
  width: 100%;
  height: 100%;
}

.statistics_user .source-box {
  width: 100%;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);
  margin-bottom: 100px;
}

.statistics_user .source-box .source-box-top {
  margin: 0 auto;
  width: 96%;
  border-bottom: 1px solid #F2F2F2;
}

.statistics_user .source-box .source-box-top h3 {
  font-size: 14px;
  color: #333;
  font-weight: 900;
  padding: 21px 0;
}

.statistics_user .source-box .source-box-bot {
  width: 110%;
  height: 360px;
  margin-left: -5%;
  margin-top: 20px;
  margin-bottom: 50px;
}

.statistics_user .source-box .source-box-bot .echar {
  margin-top: 50px;
  width: 100%;
  height: 100%;
}

.statistics_tran {
  padding-left: 29px;
  padding-right: 114px;
  width: 100%;
}

.statistics_tran .statistics-box {
  width: 100%;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);
  margin-bottom: 20px;
}

.statistics_tran .statistics-box .statistics-box-top {
  margin: 0 auto;
  width: 96%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #F2F2F2;
}

.statistics_tran .statistics-box .statistics-box-top h3 {
  font-size: 14px;
  color: #333;
  font-weight: 900;
}

.statistics_tran .statistics-box .statistics-box-top .stat-top-lr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.statistics_tran .statistics-box .statistics-box-top .stat-top-lr .btn .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #409EFF;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.statistics_tran .statistics-box .statistics-box-top .stat-top-lr .btn .el-radio-button__inner {
  border: none;
  font-weight: 700;
}

.statistics_tran .statistics-box .statistics-box-top .stat-top-lr .btn .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
  box-shadow: none;
  color: #488dff;
  color: transparent;
}

.statistics_tran .statistics-box .statistics-box-top .stat-top-lr .block {
  padding: 7px 20px 9px;
}

.statistics_tran .statistics-box .statistics-box-top .stat-top-lr .exportBtn {
  background: #488dff;
  border-radius: 4px;
  color: #fff;
  width: 106px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.statistics_tran .statistics-box .statistics-box-bot {
  width: 100%;
  height: 400px;
  padding-left: 29px;
  padding-right: 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.statistics_tran .statistics-box .statistics-box-bot .stat-box-bot-lf {
  overflow: hidden;
  width: 50%;
  border: 1px solid #CBCBCB;
  border-radius: 4px;
  color: #333333;
}

.statistics_tran .statistics-box .statistics-box-bot .stat-box-bot-lf .el-table th.is-leaf {
  background-color: #F2F2F2;
  color: #333333;
}

.statistics_tran .statistics-box .statistics-box-bot .stat-box-bot-lr {
  width: 46%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.statistics_tran .statistics-box .statistics-box-bot .stat-box-bot-lr .circle-box {
  position: relative;
}

.statistics_tran .statistics-box .statistics-box-bot .stat-box-bot-lr .circle-box .circle-text {
  position: absolute;
  color: #333333;
  font-weight: 500;
  font-size: 16px;
  top: 50%;
  left: 50%;
  margin-top: -23px;
  transform: translate(-50%, -50%);
}

.statistics_tran .statistics-box .statistics-box-bot .stat-box-bot-lr .circle-box span {
  display: block;
  text-align: center;
  color: #333333;
  padding-top: 28px;
}

.statistics_tran .customer-box {
  width: 100%;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);
  margin-bottom: 100px;
}

.statistics_tran .customer-box .statistics-box-top {
  margin: 0 auto;
  width: 96%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #F2F2F2;
}

.statistics_tran .customer-box .statistics-box-top h3 {
  font-size: 14px;
  color: #333;
  font-weight: 900;
  padding: 21px 0;
}

.statistics_tran .customer-box .statistics-box-bot {
  width: 100%;
}

.statistics_tran .customer-box .statistics-box-bot .sel-box {
  width: 96%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 28px auto;
}

.statistics_tran .customer-box .statistics-box-bot .sel-box .block {
  display: inline-block;
  padding: 7px 20px 9px;
}

.statistics_tran .customer-box .statistics-box-bot .sel-box .exportBtn {
  background: #488dff;
  border-radius: 4px;
  color: #fff;
  width: 106px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box {
  width: 100%;
  margin: 0 auto;
  width: 96%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lf {
  width: 40%;
  padding-left: 100px;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lf .msg-lf-new,
.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lf .msg-lf-ord {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lf .msg-lf-new span,
.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lf .msg-lf-ord span {
  padding-right: 20px;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lf .msg-lf-new > div,
.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lf .msg-lf-ord > div {
  width: 80%;
  overflow: hidden;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lr {
  width: 50%;
  border: 1px solid #CBCBCB;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lr ul > li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333333;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lr ul > li > div {
  width: 20%;
  text-align: center;
  line-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lr ul > li > div .top {
  padding-bottom: 2px;
  padding-right: 5px;
  color: #2EE436;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lr ul > li > div .bot {
  padding-bottom: 4px;
  padding-right: 5px;
  color: #FF2C2C;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lr .th {
  background: #F2F2F2;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lr .th > div {
  line-height: 46px;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lr .el-table th {
  background-color: #F2F2F2;
  color: #333333;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lr .status-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.statistics_tran .customer-box .statistics-box-bot .msg-box .msg-box-lr .el-table td {
  border-bottom: 1px solid #CBCBCB;
}

.statistics_tran .customer-box .customerEchart-box {
  width: 100%;
  margin: 60px auto 30px;
  width: 96%;
}

.statistics_tran .customer-box .customerEchart-box .customerEchart-box-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.statistics_tran .customer-box .customerEchart-box .customerEchart-box-top .btn .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #409EFF;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.statistics_tran .customer-box .customerEchart-box .customerEchart-box-top .btn .el-radio-button__inner {
  border: none;
  font-weight: 700;
}

.statistics_tran .customer-box .customerEchart-box .customerEchart-box-top .btn .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
  box-shadow: none;
  color: #488dff;
  color: transparent;
}

.statistics_tran .customer-box .customerEchart-box .customerEchart-box-top .block {
  padding: 7px 20px 9px;
}

.statistics_tran .customer-box .customerEchart-box .customerEchart-box-top .drop {
  padding: 7px 20px 9px;
}

.statistics_tran .customer-box .customerEchart-box .customerEchart-box-top .drop > span {
  padding-right: 20px;
}

.statistics_tran .customer-box .customerEchart-box .customerEchart-box-top .exportBtn {
  background: #488dff;
  border-radius: 4px;
  color: #fff;
  width: 106px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.statistics_tran .customer-box .customerEchart-box .customerEchart-box-bot {
  width: 110%;
  height: 400px;
  margin: 0 auto;
}

.statistics_tran .customer-box .customerEchart-box .customerEchart-box-bot .echar {
  width: 100%;
  height: 100%;
}

.statistics_search {
  padding-left: 29px;
  padding-right: 114px;
  width: 100%;
}

.statistics_search .search-box {
  width: 100%;
  box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);
  margin-bottom: 100px;
  padding-bottom: 28px;
}

.statistics_search .search-box .search-box-top {
  margin: 0 auto;
  width: 96%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #F2F2F2;
}

.statistics_search .search-box .search-box-top h3 {
  font-size: 14px;
  color: #333;
  font-weight: 900;
  padding: 21px 0;
}

.statistics_search .search-box .search-box-top .exportBtn {
  background: #488dff;
  border-radius: 4px;
  color: #fff;
  width: 106px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.statistics_search .search-box .search-table {
  margin: 24px auto;
  padding-bottom: 24px;
}

.statistics_search .search-box .search-table .el-checkbox__inner::after {
  width: 6px;
  height: 13px;
  left: 6px;
  top: 1px;
}

.statistics_search .search-box .search-table .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  top: 8px;
}

.statistics_search .search-box .search-table .el-checkbox__inner {
  width: 20px;
  height: 20px;
}

.statistics_search .search-box .el-table th {
  background-color: #F2F2F2;
  color: #333333;
}

.statistics_search .search-box .el-table td {
  padding: 36px 0;
}

.statistics_search .search-box .el-table::before {
  display: none;
}

.statistics_search .seeBtn {
  color: #488DFF;
  cursor: pointer;
}

.comprehensive-box {
  padding-left: 29px;
  padding-right: 114px;
  width: 100%;
}

.comprehensive-box .comprehensive-top,
.comprehensive-box .comprehensive-bot {
  width: 100%;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 22px;
}

.comprehensive-box .comprehensive-top .comprehensive-lf,
.comprehensive-box .comprehensive-bot .comprehensive-lf {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.comprehensive-box .comprehensive-top .exportBtn,
.comprehensive-box .comprehensive-bot .exportBtn {
  background: linear-gradient(-90deg, #4859ff, #488dff);
  border-radius: 4px;
  color: #fff;
  width: 106px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.comprehensive-box .comprehensive-top .comprehensive-sel,
.comprehensive-box .comprehensive-bot .comprehensive-sel {
  padding-left: 40px;
}

.comprehensive-box .comprehensive-top .comprehensive-sel .el-radio-button__orig-radio:checked + .el-radio-button__inner,
.comprehensive-box .comprehensive-bot .comprehensive-sel .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: linear-gradient(-90deg, #4859ff, #488dff);
}

.comprehensive-box .comprehensive-top .rig,
.comprehensive-box .comprehensive-bot .rig {
  font-size: 14px;
  width: 76px;
  height: 37px;
  text-align: center;
  line-height: 37px;
  background: linear-gradient(-90deg, #4859ff, #488dff);
  border-radius: 4px;
  line-height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
}

.comprehensive-box .comprehensive-top .rig .img,
.comprehensive-box .comprehensive-bot .rig .img {
  width: 20px;
  height: 16px;
  display: flex;
  align-items: center;
  margin-right: 9px;
}

.comprehensive-box .comprehensive-top .rig .img img,
.comprehensive-box .comprehensive-bot .rig .img img {
  width: 100%;
}

.comprehensive-box .comprehensive-top .comprehensive-table,
.comprehensive-box .comprehensive-bot .comprehensive-table {
  width: 100%;
}

.comprehensive-box .comprehensive-top .con-box,
.comprehensive-box .comprehensive-bot .con-box {
  width: 100%;
  padding-left: 77px;
  margin-bottom: 40px;
}

.comprehensive-box .comprehensive-top .con-box .tit,
.comprehensive-box .comprehensive-bot .con-box .tit {
  color: #333333;
  font-size: 16px;
}

.comprehensive-box .comprehensive-top .con-box .con-table,
.comprehensive-box .comprehensive-bot .con-box .con-table {
  margin-top: 20px;
  margin-left: 33px;
  width: 70%;
}

.comprehensive-box .comprehensive-top .con-box .con-table li,
.comprehensive-box .comprehensive-bot .con-box .con-table li {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
}

.comprehensive-box .comprehensive-top .con-box .con-table li > .th,
.comprehensive-box .comprehensive-bot .con-box .con-table li > .th {
  text-align: center;
  width: 50%;
  background: #f9fafc;
  border: 1px solid #e5e5e5;
  color: #666666;
  padding: 11px 0 12px;
}

.comprehensive-box .comprehensive-top .con-box .con-table li > .td,
.comprehensive-box .comprehensive-bot .con-box .con-table li > .td {
  text-align: center;
  width: 50%;
  border: 1px solid #e5e5e5;
  color: #333333;
  height: 43px;
  line-height: 43px;
}

.comprehensive-box .comprehensive-top .con-box .con-table li > .td > span,
.comprehensive-box .comprehensive-bot .con-box .con-table li > .td > span {
  text-decoration: underline;
  color: #f84c4c;
}

.comprehensive-box .comprehensive-top .con-box .con-table li > .td .seeBtn,
.comprehensive-box .comprehensive-bot .con-box .con-table li > .td .seeBtn {
  text-decoration: none;
  color: #488DFF;
  cursor: pointer;
}

.comprehensive-box .comprehensive-bot {
  margin-bottom: 100px;
}

.capital-user-box {
  padding-left: 29px;
  padding-right: 114px;
  width: 100%;
}

.capital-user-box .capital-user {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 18px 22px;
}

.capital-user-box .capital-user .comprehensive-lf {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.capital-user-box .capital-user .exportBtn {
  background: linear-gradient(-90deg, #4859ff, #488dff);
  border-radius: 4px;
  color: #fff;
  width: 106px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.capital-user-box .capital-user .comprehensive-sel {
  padding-left: 40px;
}

.capital-user-box .capital-user .comprehensive-sel .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: linear-gradient(-90deg, #4859ff, #488dff);
}

.capital-user-box .capital-user .sel-time {
  margin-left: 40px;
}

.capital-user-box .search-box {
  width: 100%;
  box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);
  margin-bottom: 100px;
  padding-bottom: 28px;
}

.capital-user-box .search-box .search-box-top {
  margin: 0 auto;
  width: 96%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #F2F2F2;
}

.capital-user-box .search-box .search-box-top h3 {
  font-size: 14px;
  color: #333;
  font-weight: 900;
  padding: 21px 0;
}

.capital-user-box .search-box .search-box-top .exportBtn {
  background: #488dff;
  border-radius: 4px;
  color: #fff;
  width: 106px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.capital-user-box .search-box .search-table {
  margin: 24px auto;
  padding-bottom: 24px;
}

.capital-user-box .search-box .search-table .el-checkbox__inner::after {
  width: 6px;
  height: 13px;
  left: 6px;
  top: 1px;
}

.capital-user-box .search-box .search-table .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  top: 8px;
}

.capital-user-box .search-box .search-table .el-checkbox__inner {
  width: 20px;
  height: 20px;
}

.capital-user-box .search-box .el-table th {
  background-color: #F2F2F2;
  color: #333333;
}

.capital-user-box .search-box .el-table .cell {
  line-height: 103px;
}

.capital-user-box .search-box .el-table::before {
  display: none;
}

.capital-sale-box {
  padding-left: 29px;
  padding-right: 114px;
  width: 100%;
  margin-bottom: 100px;
}

.capital-sale-box .capital-sale .capital-sale-top {
  width: 100%;
  margin-bottom: 29px;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.capital-sale-box .capital-sale .capital-sale-top h3 {
  margin: 0 auto;
  height: 56px;
  width: 96%;
  line-height: 56px;
  font-size: 14px;
  font-weight: 900;
  border-bottom: 2px solid #f2f2f2;
}

.capital-sale-box .capital-sale .search-box {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.capital-sale-box .capital-sale .search-box span {
  color: #333333;
  font-size: 16px;
}

.capital-sale-box .capital-sale .search-time {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 32px 35px;
}

.capital-sale-box .capital-sale .search-status {
  padding-right: 34px;
}

.capital-sale-box .capital-sale .search-btn {
  width: 100px;
  line-height: 40px;
  text-align: center;
  height: 40px;
  background: #488dff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
}

.capital-sale-box .capital-sale-bot {
  width: 100%;
  margin-bottom: 29px;
  border: 1px solid #F2F2F2;
  padding: 0 2%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.capital-sale-box .capital-sale-bot h3 {
  margin: 0 auto;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 2px solid #f2f2f2;
}

.capital-sale-box .capital-sale-bot .capital-sale-bot-sel {
  padding-top: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.capital-sale-box .capital-sale-bot .capital-sale-bot-sel .exportBtn {
  background: #488dff;
  border-radius: 4px;
  color: #fff;
  width: 106px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  margin-right: 25px;
}

.capital-sale-box .capital-sale-bot .capital-sale-bot-sel .show-num,
.capital-sale-box .capital-sale-bot .capital-sale-bot-sel .sort-type {
  margin-right: 25px;
}

.capital-sale-box .capital-sale-bot .capital-sale-bot-table {
  margin-top: 30px;
  margin-bottom: 59px;
  border: 1px solid #E6E6E6;
}

.capital-sale-box .capital-sale-bot .capital-sale-bot-table .el-table th {
  background-color: #F2F2F2;
}

.capital-sale-box .capital-sale-bot .capital-sale-bot-table .el-table td .cell {
  line-height: 88px;
}

.reconciliationList-box {
  padding-left: 29px;
  padding-right: 114px;
  width: 100%;
  margin-bottom: 100px;
}

.reconciliationList-box .recon-sale .recon-sale-top {
  width: 100%;
  margin-bottom: 29px;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.reconciliationList-box .recon-sale .recon-sale-top h3 {
  margin: 0 auto;
  height: 56px;
  width: 96%;
  line-height: 56px;
  font-size: 14px;
  font-weight: 900;
  border-bottom: 2px solid #f2f2f2;
}

.reconciliationList-box .recon-sale .search-box {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.reconciliationList-box .recon-sale .search-box span {
  color: #333333;
  font-size: 16px;
}

.reconciliationList-box .recon-sale .search-time {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 32px 0;
}

.reconciliationList-box .recon-sale .sale-status,
.reconciliationList-box .recon-sale .recon-status {
  padding-right: 34px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.reconciliationList-box .recon-sale .sale-status i,
.reconciliationList-box .recon-sale .recon-status i {
  margin: 0 10px;
}

.reconciliationList-box .recon-sale .search-btn {
  width: 100px;
  line-height: 40px;
  text-align: center;
  height: 40px;
  background: #488dff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
}

.reconciliationList-box .recon-sale-bot {
  width: 100%;
  margin-bottom: 29px;
  border: 1px solid #F2F2F2;
  padding: 0 2%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.reconciliationList-box .recon-sale-bot h3 {
  margin: 0 auto;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 2px solid #f2f2f2;
}

.reconciliationList-box .recon-sale-bot .recon-sale-bot-sel {
  padding-top: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.reconciliationList-box .recon-sale-bot .recon-sale-bot-sel .exportBtn {
  background: #488dff;
  border-radius: 4px;
  color: #fff;
  width: 106px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  margin-right: 25px;
}

.reconciliationList-box .recon-sale-bot .recon-sale-bot-sel .show-num,
.reconciliationList-box .recon-sale-bot .recon-sale-bot-sel .sort-type {
  margin-right: 25px;
}

.reconciliationList-box .recon-sale-bot .recon-sale-bot-table {
  margin-top: 30px;
  margin-bottom: 59px;
  border: 1px solid #E6E6E6;
  color: #333333;
}

.reconciliationList-box .recon-sale-bot .recon-sale-bot-table .el-checkbox__inner {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

.reconciliationList-box .recon-sale-bot .recon-sale-bot-table .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  top: 10px;
}

.reconciliationList-box .recon-sale-bot .recon-sale-bot-table .el-checkbox__inner::after {
  width: 6px;
  height: 12px;
  left: 7px;
  top: 2px;
}

.reconciliationList-box .recon-sale-bot .recon-sale-bot-table .el-table th {
  background-color: #F2F2F2;
  color: #333333;
}

.reconciliationList-box .recon-sale-bot .recon-sale-bot-table .el-table td .cell {
  line-height: 88px;
}

.reconciliationList-box .recon-sale-bot .recon-sale-bot-table .see-detail {
  color: #488DFF;
  font-size: 16px;
  cursor: pointer;
}

.reconciliationList-box .recon-sale-bot .pagination-block {
  margin-bottom: 30px;
}

.reconciliation-detail-box {
  width: 100%;
  padding-left: 29px;
  padding-right: 114px;
  margin-bottom: 100px;
}

.reconciliation-detail-box .rec-detail-con {
  width: 100%;
  margin-bottom: 29px;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.reconciliation-detail-box .rec-detail-con .reconciliation-box {
  margin-top: 40px;
  margin-bottom: 20px;
}

.reconciliation-detail-box .rec-detail-con .sale-msg {
  width: 96%;
  margin: 0 auto;
  padding: 22px 0;
}

.reconciliation-detail-box .rec-detail-con .sale-msg .tit {
  color: #333333;
  font-size: 14px;
}

.reconciliation-detail-box .rec-detail-con .sale-msg > ul {
  width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  margin-top: 22px;
}

.reconciliation-detail-box .rec-detail-con .sale-msg > ul > li {
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #333333;
}

.reconciliation-detail-box .rec-detail-con .sale-msg > ul > li .th {
  width: 25%;
  padding: 37px 31px;
  background-color: #F2F2F2;
}

.reconciliation-detail-box .rec-detail-con .sale-msg > ul > li .td {
  width: 75%;
  padding: 37px 30px;
}

.reconciliation-detail-box .rec-detail-con .sale-msg > ul > li .wdz {
  width: 100px;
  height: 40px;
  background: #f3f3f3;
  border-radius: 10px;
  margin-left: 80px;
  line-height: 40px;
  text-align: center;
  color: #666666;
}

.reconciliation-detail-box .rec-detail-con .sale-msg > ul > li .inp-td {
  width: 75%;
  padding-left: 30px;
}

.reconciliation-detail-box .abnormal {
  margin: 0 auto;
  width: 100px;
  height: 40px;
  background: #488dff;
  color: #FFFFFF;
  border-radius: 1px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  user-select: none;
}
